{include file="public/header" /}
<style>
	body {
		background: #e1e0de;
	}

	* {
		box-sizing: border-box;
	}

	h1,
	h2,
	h3,
	h4 {
		font-weight: 700 !important;
	}

	.layui-card-header {
		width: 100%;
		border-bottom: 1px solid #999 !important;
		padding-left: 5px;
	}

	.layui-card {
		padding: 10px 20px 50px;
	}

	p {
		margin: 0 0 10px !important;
	}

	.layui-container {
		padding: 0 !important;
	}

	img {
		max-width: 100%;
	}

	::-moz-selection {
		background: #cccccc;
		color: #ffffff;
	}

	::selection {
		background: #cccccc;
		color: #ffffff;
	}

	.layui-breadcrumb {
		padding-left: 5px;
	}

	.layui-card h1 {
		margin: 10px auto 0;
	}

	.description {
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0;
	}

	.layui-textarea {
		resize: none !important;
	}

	@media screen and (max-width: 800px) {
		.layui-card-header {
			line-height: normal !important;
			font-size: 10px !important;
		}
	}


	.layui-card-body {
		padding: 10px 5px;
	}
	.dwn{border:1px solid #838383;text-align:center;color:#838383;cursor:pointer;border-radius:5px;padding:0px 2px;text-decoration:none;display:inline-block;margin-top:5px}
.dwn:hover{background-color:#33648B;color:#ffffff;}
.dwn:hover img{content:url("{:Config::get('app.images_host')}/images/web/downhover.png");}
    .layui-card-body{
        padding: 10px 5px;
    }
    .layui-timeline-title{color:#428bca;font-size: 20px;font-weight:bold;}
.p1{color:#333;font: 12px/14px arial,helvetica,sans-serif;width:60%}
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
	<div class="layui-card">
		<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
		<div class="layui-card-header">
			<h1>{:lang('Why Lily-Bearings')}</h1>
		</div>
		<div class="layui-card-body">
			<div style="color: #36648a;">
				<h2>{:lang('Environmental Policy')}</h2>
			</div>
          <div class="layui-row">
            <div class="layui-col-sm6" style="padding-right: 15px !important">
              <p style='color: #333;line-height: 24px;'>
                {:lang('We put the utmost effort into conserving the environment and having awareness of environmental issues because what we do to our planet affects us individually and collectively, now and for future generations. Our goal is to continually improve our environmental performance and reduce and prevent environment pollution to air and water. We must comply with the laws and requirement placed on us.')}
              </p>
              <p style='color: #333;line-height: 24px;'>{:lang('In order to achieve this, we have following goals')}:</p>
              <p style='color: #333;line-height: 24px;'>
                1. {:lang('We recognize the importance of environmental conservation and implement our production activities while taking its environmental impact into consideration.')}
              </p>
              <p style='color: #333;line-height: 24px;'>
                2. {:lang('Try to reduce transport, ie in practice reduce transport kilometers.')}
              </p>
              <p style='color: #333;line-height: 24px;'>3. {:lang('Have agreements with certified forwarders.')}</p>
              <p style='color: #333;line-height: 24px;'>4. {:lang('Work mostly with suppliers that are ISO-14001-certified.')}</p>
              <p style='color: #333;line-height: 24px;'>
                5. {:lang('Re-use packing materials and recycle as much as possible.')}
              </p>
              <p style='color: #333;line-height: 24px;'>6. {:lang('Provide customers with REACH / RoHS- certificates')}</p>
            </div>
            <div class="layui-col-sm6" style="float: right">
              <img src="{:Config::get('app.images_host')}/images/web/enviro.jpg" />
            </div>
          </div>
    </div>
    <div class="layui-card-body">
			<div style="padding:10px 0px;color: #36648a;">
				<h2>{:lang('Quality System Certification')}</h2>
			</div>
          <p style="font-size:14px;font-weight:bold;">Certified For Every Quality-related Challenge !</p>
          <div class="certificate_block">
            <div class="layui-row">
              <div class="layui-col-sm4">
                <img src="{:Config::get('app.images_host')}/images/web/hbc-zh.png" style="width:90%;border:1px solid black" />
                <div style='color: #333;line-height: 24px;text-align:center;font-size:14px;margin-top:20px;width:90%'><div>ISO9001</div>

                   <a href="{:Config::get('app.images_host')}/pdf/web/hbc-zh.pdf" download="ISO9001" class='dwn'>
                     <img id="downimg" src="{:Config::get('app.images_host')}/images/web/downindex.png" style="height: 20px;margin-top:-4px">
                     <span style="font: 12px arial,helvetica,sans-serif;">download</span>
                   </a>               
                
                </div>
              </div>
              <div class="layui-col-sm4">
                <img src="{:Config::get('app.images_host')}/images/web/certificate2.jpg" style="width:90%;border:1px solid black" />
                <div style='color: #333;line-height: 24px;text-align:center;font-size:14px;margin-top:20px;width:90%'><div>ROHS</div>
                  <a href="{:Config::get('app.images_host')}/pdf/web/ROHS.pdf" download="ROHS" class='dwn'>
                     <img id="downimg" src="{:Config::get('app.images_host')}/images/web/downindex.png" style="height: 20px;margin-top:-4px">
                     <span style="font: 12px arial,helvetica,sans-serif;">download</span>
                   </a> 
              </div>
              </div>
              <div class="layui-col-sm4">
                <img src="{:Config::get('app.images_host')}/images/web/certificate3.jpg" style="width:90%;border:1px solid black" />
                <div style='color: #333;line-height: 24px;text-align:center;font-size:14px;margin-top:20px;width:90%'><div>PED4.3</div>
                  <a href="{:Config::get('app.images_host')}/pdf/web/PED4-3.pdf" download="PED4-3" class='dwn'>
                     <img id="downimg" src="{:Config::get('app.images_host')}/images/web/downindex.png" style="height: 20px;margin-top:-4px">
                     <span style="font: 12px arial,helvetica,sans-serif;">download</span>
                   </a>
              </div>
              </div>
            </div>
          </div>
          
        </div>
		<div class="layui-card-body">
			<div style="color: #36648a;">
				<h2>{:lang('Corporate Culture')}</h2>
			</div>
			<div style='height: 20px'></div>
			<p style='color: #333;line-height: 24px;'>
				<strong>{:lang('Vision')}:</strong><br />
				{:lang('To become a healthier, longer-lasting corporation')}
			</p>
			<div style='height: 20px'></div>
			<p style='color: #333;line-height: 24px;'>
				<strong>{:lang('Core Values')}:</strong><br />
				{:lang('BENFEN, Integrity, Team Spirit, Superior Quality, Constant Learning, Innovation, Customers Orientation')}
			</p>
			<div style='height: 20px'></div>

			<p style='color: #333;line-height: 24px;'>
				{:lang('“本分” (BENFEN). It is difficult to express it perfectly in English, but it essentially means to adhere firmly to one’s own duties and principles. There are several layers of meaning here')}:
			</p>
			<div style='height: 20px'></div>

			<p style='color: #333;line-height: 24px;'>
				<strong>{:lang('Be honest and trustworthy')};</strong><br />
				{:lang('Discharge our own duties and responsibilities regardless of others’ conduct')};<br />
				{:lang('Insulate our minds from outside pressures so that we can focus on the very simple basics of what we should be doing')};<br />
				{:lang('Never take advantage of others even when we are in a position to do so')};<br />
				{:lang('Self-reflect and take responsibilities when problems arise instead of blaming others')}.<br />
				{:lang('Specifically for Lily Bearing, the management’s 本分 (Ben Fen) is to relentlessly focus on value creation for our customers.')}
			</p>
			<div style='height: 20px'></div>

			<p style='color: #333;line-height: 24px;'>
				<strong>{:lang('Mission')}:</strong><br />
				●{:lang('To Customers: Provide quality products and superior service')}<br />
				●{:lang('To Employees: Create and maintain a harmonious, respectful work environment')}<br />
				●{:lang('To Business Partners: Create a fair, equal cooperative platform with mutual benefits')}
			</p>
		</div>
		
        <div class="layui-card-body">
        	<div style="padding:10px 0px;color: #36648a;">
				<h2>{:lang('Milestones')}</h2>
			</div>
           <p style="font-size:14px;padding-bottom:10px;font-weight:bold;">{:lang('From local to global. We made our history step by step, which demonstrates trust and quality. We are determined to move forward continuously.')}</p>

          <ul class="layui-timeline">
            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style='color:#428bca'>&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <p class="layui-timeline-title">2018</p>
                <p class='p1'>{:lang('Practice CRM+ERP management')}</p>
              </div>
            </li>
            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style='color:#428bca'>&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <p class="layui-timeline-title">2017</p>
                <p class='p1'>{:lang('Register LILY brand in China and USA. Fully present a brandstrategy')}</p>
              </div>
            </li>
            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style='color:#428bca'>&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <p class="layui-timeline-title">2016</p>
                <p class='p1'>{:lang('Move to new miniature bearing factory')}</p>
              </div>
            </li>
            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style='color:#428bca'>&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <p class="layui-timeline-title">2015</p>
                <p class='p1'>{:lang('Rebuild facilities and achieve auto clean, grease filling, sealing production line which solved clean assembly problem')}</p>
              </div>
            </li>
            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style='color:#428bca'>&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <p class="layui-timeline-title">2012</p>
                <p class='p1'>{:lang('Joint venture into ceramic bearing, stainless steel bearing and thin section bearing series')}</p>
              </div>
            </li>

            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style='color:#428bca'>&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <p class="layui-timeline-title">2007</p>
                <p class='p1'>{:lang('Achieve ISO-9001')}</p>
              </div>
            </li>

            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style='color:#428bca'>&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <p class="layui-timeline-title">2005</p>
                <p class='p1'>{:lang('E-Commerce strategy and step in oversea market')}</p>
              </div>
            </li>

             <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style='color:#428bca'>&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <p class="layui-timeline-title">2002</p>
                <p class='p1'>{:lang('Established LILY BEARING website')}</p>
              </div>
            </li>

            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style='color:#428bca'>&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <p class="layui-timeline-title">2000</p>
                <p class='p1'>{:lang('Shanghai Lily Bearing Manufacturing Co., Ltd. Founded in Shanghai who specialized in producing miniature bearing')}</p>
              </div>
            </li>

          </ul>
         

        </div>
	</div>
</div>

{include file="/public/footer" /}
<script>
	layui.use("element", function() {
		var element = layui.element;
		element.on("tab(demo)", function(data) {
			console.log(data);
		});
	});
</script>
